//这里是注释，不会在css中显示；

/*
*
*这个是注释，在css里面可以看到的注释；
*/

/*变量
 *  可变的值
 *
 *a=10；
 * 在下面要用到10的地方可以用a来表示；
 *
 *在less中声明变量的方法；
 *     @变量名：值；
 *
 *用变量定义一个属性名的时候，再用的时候需要用@{  }来用；
 *用变量去定义一个路径的时候，再使用的时候一定要在整个路径的外面加""，并且也要@{}；
 */

@width: 100px;
@border: 1px solid red;
@property: color;
@value: green;
@images: "../images";
.box {
  width: @width;
  height: @width;
  border: @border;
    @{property}: @value;
  background-@{property}: @value;
  background-image: url('@{images}/hot.gif');
}